<template>
  <div class="about">
    <img alt="Vue logo" src="../assets/logo.png" />
    <ul>
      <li v-for="item in arr" :key="item.id">
        {{ item.content }}--{{ item.id }}
        <button @click="REMOV(item.id)">删除评论</button>
      </li>
    </ul>
  </div>
</template>

<script>
import { mapActions, mapState } from "vuex";
export default {
  computed: {
    ...mapState(["arr"]),
  },
  methods: {
    ...mapActions(["REMOV"]),
  },
};
</script>
